<template>
  <div>
    <template v-if="listData.length">
      <el-tabs class="classify-tabs" :tab-position="tabPosition">
        <el-tab-pane v-for="(item,index) in listData" :key="index" :label="item.evalTypeName">
          <test-classify
            @refresh="handleRefresh"
            :list="item.evalDetailedItemVOList"
            ref="testClassify"
          />
        </el-tab-pane>
      </el-tabs>
    </template>
    <template v-else>
      <empty-comp ref="emptyComp" />
    </template>
  </div>
</template>

<script>
import TestClassify from './TestClassify'
export default {
  components: {
    TestClassify
  },
  data() {
    return {
      tabPosition: 'left',
      listData: [],
      totalScore: null,
      totalMoney: null
    }
  },
  methods: {
    getData(arr) {
      console.log('getData arr', arr)
      this.listData = arr
    },
    handleRefresh() {
      console.log('中间refresh')

      this.$emit('refresh')
    }
  }
}
</script>

<style scoped>
.classify-tabs >>> .el-tabs__header {
  margin-right: 0;
}
.classify-tabs >>> .el-tabs__content {
  padding: 0;
}
.classify-tabs >>> .el-tabs__item {
  text-align: center;
}
</style>
